<template>
  <li>
    <span v-if="list.showst === 3">{{list.sc}}<b>分</b></span>
    <span v-else>{{list.wish}}<b>想看</b></span>
    <i v-if="list.showst === 3">购票</i>
    <i v-else class="preshow">预售</i>
  </li>
</template>

<script>
export default {
  props: {
    list: Object
  }
}
</script>

<style lang='stylus' scoped>
li
  position relative
  padding-right .15rem
  display flex
  flex-direction column
  align-items  flex-end
  justify-content  center
  width .7rem
  span
    position absolute
    width 200%
    top: 0
    right .15rem
    text-align right
    color #f4b540
    font-size .20rem
    margin-top .10rem
    b
      font-size .12rem
  i
    margin-top .20rem
    width .5rem
    height .3rem
    background #dd5042
    color #fff
    line-height .3rem
    text-align center
    border-radius .04rem
    &.preshow
      background #69afe5
</style>